*{
padding: 0;
margin: 0;
}
body,html{
width: 100%;
background-color: #fff;
/*font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;*/
font-family: Gilroy-Light,Arial,Helvetica,sans-serif;
}
i{ font-style:normal};
a:visited{
text-decoration: none;
cursor: pointer;
}
a:link{
text-decoration: none;
cursor: pointer;
}
a:active{
text-decoration: none;
cursor: pointer;
}
a{
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
a {
text-decoration: none;
}
input {
outline: none;
font-size: 16px;
}
ul li{
list-style: none;
}
li{
list-style: none;
}
.wap-cpzx-w {
display: none;
}
.wap-banner {
display: none;
}
.logo_wap {
display: none;
}
.wap_show {
display: none;
}
.wap-bottom {
display: none;
}
.wap-zcs {
display: none;
}
.w1400 {
width: 1400px;
margin: 0 auto;
}
.header {
width: 100%;
height: 80px;
border-bottom: 1px solid #dddddd;
display: flex;
align-items: center;
position: relative;
background:#fff;
z-index:999999;
}
.header-list {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-right {
display: flex;
align-items: center;
}
.header-right-left {
width: 100%;
height: 80px;
display: flex;
align-items: center;
}
.header-right-left ul {
display: flex;
align-items: center;
height: 100%;
}
.header-right-left ul .nav-main {
margin: 0 0 0 60px;
height: 100%;
}
/* .header-right-left ul .nav-main.active {
border-bottom: 2px solid #0e66bf;
} */
.cpxb {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cpxb:after {
content:"";
width: 71%;
}
.cpxb img {
display: block;
width: 160px;
height: 60px;
margin: 20px;
}
.header-right-left ul .nav-main h3 {
font-size: 16px;
color: #000;
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.header-right-left ul .nav-main h3 a {
color: #000;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.header-right-left ul .nav-main:hover>h3:after {
width: 100%;
height: 4px;
}
.header-right-left ul .nav-main h3:after {
content: '';
display: block;
width: 0;
height: 4px;
position: absolute;
bottom: 0;
background-color: #0e66bf;
-webkit-transition: 300ms;
-o-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.header-right-left ul .nav-main.active h3:after {
content: '';
width: 100%;
}
.nav-position {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 80.5px;
background: #fff;
z-index: 999999999;
}
.nav-neirong {
width: 100%;
overflow: hidden;
text-align: center;
padding: 30px 0 0;
}
.cpfl {
width: 1050px;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
padding: 15px 40px 0px 40px!important;
}
.cpfl-li {
width: 33%;
margin: 0 auto;
padding: 0 0 15px;
}
.cpfl-h3 {
width: 120px;
height: 40px;
font-size: 16px;
color: #333333;
border-bottom: 1px solid #dddddd;
padding: 0 30px 0px 0px;
margin: 0 0 10px 0;
font-weight:600;
text-align: initial;
}
.cpfl-li:last-child .cpfl-h3 {
border:0;
}
.cpfl-li li {
width: fit-content;
height: 35px;
overflow: hidden;
box-sizing: border-box;
display: flex;
align-items: center;
}
.cpfl-li li a {
width: fit-content;
height: 40px;
overflow: hidden;
box-sizing: border-box;
display: flex;
align-items: center;
}
.cpfl-li li:hover a {
background: #0e66bf;
padding: 0 30px 0 0px;
}
.cpfl-li li a img {
padding: 0 5px 0 0px;
}
.cpfl-li li:hover .nav-zc {
display: none;
}
.cpfl-li li:hover .nav-hover {
display: block;
}
.cpfl-li li a p {
font-size: 16px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-align: left;
}
.cpfl-li li:hover p {
color: #fff;
}
.nav-position1 {
padding: 10px 15px;
left: -33px;
width: 100px;
}
.nav-position-ul {
width: 100%;
overflow: hidden;
}
.nav-position-ul ul {
width: 100%;
overflow: hidden;
line-height: 2;
display: block;
}
.nav-position-ul ul li {
width: 100%;
margin: 0 0 10px;
}
.nav-position-ul ul li:hover {
background: #0e66bf;
}
.nav-position-ul ul li:hover .nav-zc {
display: none;
}
.nav-position-ul ul li:hover .nav-hover {
display: block;
}
.nav-hover {
display: none;
}
.nav-position-ul ul li a {
font-size: 16px;
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 5px;
}
.nav-position-ul ul li a:hover {
font-size: 16px;
color: #fff;
}
.nav-position-ul ul li a img {
max-width:20px;
}
.banner {
width: 100%;
overflow: hidden;
position:relative;
}
/* .banner .swiper-slide.swiper-slide-active {
transition: transform ease-out 6s;
}
.banner:hover .swiper-slide.swiper-slide-active {
transform: scale(1.1);
} */
.swiper-banner {
position: relative;
}
.swiper-banner-img {
width: 100%;
overflow: hidden;
position: relative;
}
.swiper-banner-img img {
width: 100%;
display: flex;
}
.swiper-banner-jjfa-ckgd {
position: absolute;
bottom: 30%;
left: 16.3%;
border: 2px solid #dddddd;
width: 150px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
border-radius: 5px;
}
.swiper-banner-jjfa-ljgd {
position: absolute;
bottom: 25%;
left: 56.3%;
color: #0e66bf;
width: 130px;
height: 40px;
border: 2px solid #D4DA1A;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background: #D4DA1A;
}
.swiper-wz {
position: absolute;
top: 62%;
left: 15%;
}
.swiper-wz p {
font-size: 28px;
color: #fff;
}
.swiper-wz a {
border: 2px solid #0e66bf;
display: flex;
justify-content: center;
align-items: center;
width: 156px;
height: 37px;
font-size: 18px;
color: #0e66bf;
border-radius: 5px;
margin: 40px auto;
}
.swiper-pagination.swiper-banner-dian.swiper-pagination-clickable.swiper-pagination-bullets {
bottom: 15%;
}
.swiper-banner-dian .swiper-pagination-bullet {
width: 20px;
height: 5px;
display: inline-block;
border-radius: 0;
background: #fff;
opacity: 1;
}
.swiper-banner-dian span.swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 35px;
background: #0e66bf;
}
.syhfkj {
width: 100%;
overflow: hidden;
position: relative;
z-index: 999;
bottom: 60px;
}
.syhfkj-list {
width: 1130px;
margin: 0 auto;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.syhfkj-list a {
width: 374px;
height: 100%;
box-sizing: border-box;
border-radius: 4px;
padding: 25px 0 0 38px;
height: 190px;
position: relative;
overflow: hidden;
border: 0;
margin: 0 0 5px;
}
.syhfkj-list a:hover {
background:#0e66bf;
}
.syhfkj-list a:before {
content: "";
width: 1px;
height: 120px;
background-color: #aaa;
position: absolute;
left: 0;
top: 44px;
}
.syhfkj-list a:nth-child(1):before {
display:none;
}
.p1 {
width: 62px;
height: 24px;
line-height: 24px;
background: #0e66bf;
font-family: PingFangSC-Regular;
font-size: 10px;
text-align: center;
color: #fff;
overflow: hidden;
z-index: 999999999999;
position: relative;
padding: 0 15px;
}
.p2 {
width: 252px;
line-height: 25px;
font-family: PingFangSC-Medium;
font-size: 16px;
color: #fff;
position: absolute;
top: 60px;
left: 38px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
z-index: 9999999;
}
.p3 {
display: block;
width: 252px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
left: 38px;
bottom: 22px;
font-family: PingFangSC-Regular;
color: #fff;
font-size: 12px;
z-index: 1;
}
img.syhfkj-xs {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
img.syhfkj-yc {
display: none;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 115%;
}
.syhfkj-list a:hover .p1 {
background: rgba(255,255,255,0.2);
color: #fff;
}
.syhfkj-list a:hover .p2 {
color: #fff;
}
.syhfkj-list a:hover .p3 {
color: #fff;
text-decoration: underline;
}
.syhfkj-list a:hover .syhfkj-xs {
display:none;
}
.syhfkj-list a:hover .syhfkj-yc {
display: block;
}
.cpzx {
width: 100%;
overflow: hidden;
position: relative;
}
.cpzx-list {
width: 100%;
overflow: hidden;
padding: 60px 0;
text-align: center;
}
.cpzx-list h3 {
font-size: 32px;
color: #333333;
font-weight: 600;
padding: 0 0 10px;
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
.cpzx-list h3:after {
content: '';
height: 2px;
background-color: #0e66bf;
position: absolute;
bottom: 0;
min-width: 35px;
}
.cpzx-list p {
font-size: 18px;
color: #666666;
padding: 15px 0 0;
}
.cp-zx {
width: 100%;
overflow: hidden;
/* padding: 0 0 80px; */
}
.cp-zx-top {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.cp-zx-top li:nth-child(1) {
width: 32%;
position: relative;
}
.cp-zx-top li:nth-child(2) {
width: 66%;
position: relative;
}
.cp-zx-top li::before {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
z-index: 10;
transition: background-color linear 0.2s;
}
.cp-zx-top li:hover::before {
background-color: rgba(0, 0, 0, 0.4);
}
.cp-zx-top li img {
width: 100%;
display: flex;
}
.cp-zx-bottom {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
padding: 30px 0;
}
.cp-zx-bottom li {
width: 32%;
position: relative;
overflow: hidden;
}
.cp-zx-bottom li::before {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
z-index: 10;
transition: background-color linear 0.2s;
}
.cp-zx-bottom li:hover::before {
background-color: rgba(0, 0, 0, 0.4);
}
.cp-zx-bottom li img {
width: 100%;
display: flex;
transition: transform ease-out 5s;
}
.cp-zx-bottom li img:hover {
transform: scale(1.1);
}
.cp-zx-bottom li:hover .cp-zx-wz {
bottom:20px;
}
.cp-zx-top li:hover .cp-zx-wz {
bottom:20px;
}
.cp-zx-wz {
position: absolute;
bottom: -10px;
left: 20px;
z-index: 111;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.cp-zx-wz1 {
width: 100%;
overflow: hidden;
}
.cp-zx-wz1 h3 {
font-size: 21px;
color: #fff;
transition: bottom ease-out 0.3s;
position:relative;
}
.cp-zx-bottom li:hover .cp-zx-wz1 h3 {
bottom: 60%;
}
.cp-zx-top li:hover .cp-zx-wz1 h3 {
bottom: 60%;
}
.cp-zx-wz1 p {
font-size: 16px;
color: #fff;
margin: 10px 0 0;
transition: left ease-out 0.2s;
transition-delay: 0.3s;
z-index: 20;
opacity: 0;
left: -150%;
position:relative;
}
.cp-zx-bottom li:hover .cp-zx-wz1 p {
left: 0;
opacity: 1;
}
.cp-zx-top li:hover .cp-zx-wz1 p {
left: 0;
opacity: 1;
}
.swiper.swiper-cpzx.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
width: 100%;
overflow: hidden;
}
.swiper.swiper-cpzx.swiper-container-initialized.swiper-container-horizontal {
width: 100%;
overflow: hidden;
}
.swiper-button-prev.swiper-cpzx-prev:after {
font-size: 16px;
color: #0e66bf;
font-weight: 600;
}
.swiper-button-next.swiper-cpzx-next:after {
font-size: 16px;
color: #0e66bf
font-weight: 600;
}
.swiper-button-prev.swiper-cpzx-prev {
left: 10%;
width: 40px;
height: 40px;
border: 1px solid #0e66bf;
border-radius: 30px;
}
.swiper-button-next.swiper-cpzx-next {
right: 10%;
width: 40px;
height: 40px;
border: 1px solid #0e66bf;
border-radius: 30px;
}
.khal {
width: 100%;
overflow: hidden;
/* background: #f5f7f5; */
}
.khal-li {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
padding: 20px;
}
.khal-li li {
background: #fff;
border: 1px solid #dddddd;
margin: 0 0 20px;
width: 15%;
transition: all .3s linear;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.khal-li li:hover {
transform: translateY(-0.01rem);
box-shadow: 0 0 20px 0 rgb(49 49 50 / 50%);
}
.khal-li li img {
width: 100%;
}
.anli {
width: 100%;
padding: 0 0 30px;
}
.anli .swiper-anli {
overflow: hidden;
}
.anli-li {
position:relative;
}
.swiper-qh li {
width: 100%;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-button-prev.swiper-anli-prev {
width: 40px;
height: 40px;
left: -6%;
border: 1px solid #0e66bf;
border-radius: 30px;
}
.swiper-button-prev.swiper-anli-prev:hover {
background:#0e66bf;
}
.swiper-button-prev.swiper-anli-prev:after {
font-size: 16px;
color: #0e66bf;
font-weight: 600;
}
.swiper-button-prev:hover.swiper-anli-prev:after {
color: #fff;
}
.swiper-button-next.swiper-anli-next:after {
font-size: 16px;
color: #0e66bf;
font-weight: 600;
}
.swiper-button-next:hover.swiper-anli-next:after {
color: #fff;
}
.swiper-button-next.swiper-anli-next {
width: 40px;
height: 40px;
right:-6%;
border: 1px solid #0e66bf;
border-radius: 30px;
}
.swiper-button-next.swiper-anli-next:hover {
background:#0e66bf;
}
.anli-img {
width:100%;
overflow:hidden;
}
.anli-img li {
width:100%;
height: auto;
display:none;
position:relative;
}
.anli-img li.active {
display:block;
}
.anli-img li img {
width:100%;
display:flex;
}
.anli-wz {
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: 80px 200px 40px 50px;
}
.anli-wz h3 {
font-size: 24px;
color: #fff;
letter-spacing: 1px;
}
.anli-wz p {
padding: 15px 0 0 0;
font-size: 15px;
color: #fff;
line-height: 1.5;
}
.gdal {
width: 100%;
overflow: hidden;
padding: 20px 0 60px;
text-align: center;
}
.gdal a {
border: 1px solid #dddddd;
width: 140px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
background: #fff;
font-size: 16px;
color: #333333;
transition: all .3s linear;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.gdal a img {
margin: 0 0 0 15px;
}
.bai {
display: none;
}
.gdal a:hover {
border: 1px solid #0e66bf;
background: #0e66bf;
color: #fff;
}
.gdal a:hover .lv {
display: none;
}
.gdal a:hover .bai {
display: block;
}
.zcs {
width: 100%;
overflow: hidden;
position: relative;
}
.zcs-img {
width: 100%;
overflow: hidden;
display: flex;
}
.zcs-img img {
width: 100%;
}
.zcs-list {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
transition: all ease-out 0.33s;
transition-delay: 0.2s;
}
.zcs-list li:hover {
background: #b4cab4e0;
transition: all linear 0.8s;
}
.zcs-list li:hover .zcs-btbt {
/* display: block; */
opacity: 1;
top:0;
}
.zcs-list li {
width: 25%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #50a1d8;
}
.zcs-li {
width: 100%;
text-align: center;
}
.zcs-li h3 {
font-size: 28px;
color: #fff;
padding: 10px 0 5px;
position: relative;
}
.zcs-li h3:after {
content: '+';
font-size: 32px;
font-weight: 400;
margin: 0 0 0 5px;
}
.zcs-li p {
font-size: 16px;
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.zcs-list li:hover .zcs-li p {
padding: 0 0 30px;
}
.zcs-btbt {
width: 90%;
margin: 0 auto;
text-align: initial;
padding: 15px 0 0;
line-height: 2;
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
position:relative;
top:200px;
display:none;
}
.zcs-btbt p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.xwzx {
width: 100%;
overflow: hidden;
padding: 0 0 30px;
display: flex;
justify-content: space-between;
}
.xwzx li {
width: 32%;
}
.xwzx li:hover .xwzx-wz {
background: #0e66bf;
}
.xwzx li:hover .xwzx-h3 {
color: #fff;
}
.xwzx li:hover .xwzx-rq p {
color: #fff;
}
.xwzx li:hover .xwzx-p {
color: #fff;
}
.xwzx li:hover .xwzx-rq .rq {
display: none;
}
.xwzx li:hover .xwzx-rq .rq1 {
display: block;
}
.xwzx-img {
width: 100%;
overflow: hidden;
}
.xwzx-img img {
width: 100%;
display: flex;
transition: all 0.4s;
}
.xwzx-img img:hover {
transform: scale(1.2);
}
.xwzx-wz {
width: 100%;
height: 250px;
overflow: hidden;
background: #f8f8f8;
padding: 25px;
box-sizing: border-box;
}
.xwzx-h3 {
font-size: 22px;
font-weight: 200;
color: #333333;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.xwzx-rq {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding: 40px 0 20px;
}
.rq1 {
display: none;
}
.xwzx-rq p {
margin: 0 0 0 10px;
font-size: 16px;
color: #000;
}
.xwzx-p {
width: 100%;
overflow: hidden;
line-height: 1.5;
color: #666666;
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.bottom {
width: 100%;
overflow: hidden;
background: #f2f2f2;
}
.bottom-list {
width: 100%;
overflow: hidden;
padding: 45px 0 30px;
display: flex;
justify-content: space-between;
}
.bottom-list .bottom-li {
width: 30%;
}
.bottom-li ul {
width: 100%;
overflow: hidden;
}
.bottom-li ul h3 {
font-size: 18px;
color: #000;
padding: 0 0 15px;
}
.bottom-li ul li {
width: 100%;
overflow: hidden;
line-height: 2;
}
.bottom-li ul li a {
font-size: 16px;
color: #666666;
}
.bottom-li ul li a:hover {
font-size: 16px;
color: #0e66bf;
}
.bottom-img-xtb {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding: 10px 0 0;
}
.zyzf {
width: 100%;
overflow: hidden;
padding: 15px 0 0;
}
.zyzf img {
max-width: 230px;
}
.bottom-img-li {
margin: 0 15px 0 0px;
}
.bottom-div {
width: 100%;
overflow: hidden;
}
.bottom-div p {
font-size: 16px;
color: #666666;
}
.bottom-div h3 {
font-size: 21px;
color: #000;
padding: 15px 0;
}
.bottom-div img {
padding: 20px 0 0 0;
}
.bottom-banquan {
width: 100%;
height: 60px;
display: flex;
align-items: center;
background: #e6e6e6;
}
.bottom-banquan-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bottom-bq {
font-size: 15px;
color: #666666;
}
.cpdy {
width: 100%;
overflow: hidden;
background: #f6f6f6;
}
.cpdy-list {
width: 100%;
height: 40px;
overflow: hidden;
display: flex;
align-items: center;
}
.cpdy-list li {
font-size: 16px;
color: #666666;
margin: 0 5px 0 0px;
}
.cpdy-dh {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #dddddd;
}
.cpdy-dh-li {
width: 100%;
height: 55px;
overflow: hidden;
display: flex;
align-items: center;
}
.cpdy-dh-li li {
margin: 0 30px 0 0;
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.cpdy-dh-li li.active:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #0e66bf;
}
.cpdy-dh-li li a {
font-size: 16px;
color: #333333;
}
.cpxt {
width: 100%;
overflow: hidden;
}
.cpxt-list {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0;
}
.cpxt-left {
width: 30%;
overflow: hidden;
}
.cpxt-left img {
width: 100%;
transition: all 0.4s;
}
.cpxt-left img:hover {
transform: scale(1.2);
}
.cpxt-right {
width: 60%;
}
.cpxt-right h3 {
font-size: 28px;
font-weight: 400;
color: #000;
}
.cpxt-right p {
font-size: 16px;
color: #000;
line-height: 2;
padding: 30px 0;
border-bottom: 1px solid #dddddd;
}
.cpxt-li {
width: fit-content;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0 90px;
border: 1px solid #dddddd;
position: relative;
}
.cpxt-li:after {
content: "";
position: absolute;
left: 40px;
width: 2px;
height: 70%;
border-left: 2px dashed #dddddd;
}
.cpxt-li li {
padding: 5px 10px;
position: relative;
top: 2px;
}
.cpgs {
width: 100%;
overflow: hidden;
padding: 30px 0 60px;
}
.cpgs-h3 {
width: 100%;
overflow: hidden;
text-align: center;
padding: 0 0 60px;
font-size: 26px;
color: #000;
}
.cpgs-p {
width: 100%;
overflow: hidden;
line-height: 1.8;
font-size: 16px;
color: #000;
}
.cpgs-li {
width: 100%;
overflow: hidden;
padding: 16px 0 0;
}
.cpgs-li li {
width: 100%;
overflow: hidden;
line-height: 2.5;
font-size: 16px;
color: #000;
}
.cpgs-wz {
font-size: 16px;
color: #000;
}
.cpgn {
width: 100%;
overflow: hidden;
background-image: url(../img/cpgn.jpg);
background-size: 100% 100%;
}
.cpgn-h3 {
width: 100%;
overflow: hidden;
padding: 40px 0;
font-size: 28px;
text-align: center;
color: #333333;
}
.cpgn-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px;
}
.cpgn-li li {
width: 48%;
border-top: 1px solid #dddddd;
}
.cpgn-li-wz {
width: 100%;
overflow: hidden;
padding: 20px 0;
}
.cpgn-li-wz h3 {
font-size: 22px;
color: #000;
font-weight: 400;
padding-bottom: 10px;
}
.cpgn-li-wz p {
width: 100%;
overflow: hidden;
line-height: 1.8;
/*padding: 30px 0 0;*/
color: #666666;
}
.cpys {
width: 100%;
overflow: hidden;
}
.cpys-h3 {
width: 100%;
overflow: hidden;
padding: 50px 0;
text-align: center;
font-size: 28px;
color: #333333;
}
.cpys-list {
width: 100%;
overflow: hidden;
margin: 0 0 80px;
border: 1px solid #ebebeb;
}
.cpys-bj {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
background-image: url(../img/htbj.png);
background-size: 100% 100%;
padding: 15px 0;
}
.cpys-bj p {
width: 12.5%;
font-size: 18px;
color: #fff;
font-weight: 900;
box-sizing: border-box;
padding: 0 0 0 30px;
}
.cpys-li {
width: 100%;
overflow: hidden;
}
.cpys-li li {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.cpys-li li h3 {
width: 12.7%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-weight: 400;
font-size: 16px;
border-right: 1px solid #ebebeb;
padding: 20px 0;
}
.cpys-li li p {
width: 87.5%;
box-sizing: border-box;
padding: 0 30px;
font-size: 16px;
color: #666666;
line-height:2;
}
.cpfw {
width: 100%;
overflow: hidden;
}
.cpfw-h3 {
width: 100%;
overflow: hidden;
padding: 60px 0 40px;
text-align: center;
font-size: 28px;
color: #000;
}
.cpfw-li {
width: 100%;
padding: 10px 0 100px;
display: flex;
justify-content: space-between;
}
.cpfw-li li {
width: 32%;
height:180px;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 60px 0 0px;
position: relative;
-webkit-transition: .3s;
transition: .3s;
}
.cpfw-li li:hover {
-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
}
.cpfw-li li:hover:after {
border-left: 0
}
.cpfw-li li:after {
content: "";
position: absolute;
right: 0;
height:65%;
width: 2px;
border-left: 1px solid #dddddd;
}
.cpfw-li li:last-child:after {
display: none;
}
.cpfw-left {
width: 24.5%;
}
.cpfw-left img {
width: 100%;
display:flex;
}
.cpfw-right {
width: 75%;
}
.cpfw-right h3 {
font-size: 18px;
font-weight: 400;
color: #000;
padding: 0 0 10px;
}
.cpfw-right p {
width: 100%;
overflow: hidden;
line-height: 1.8;
font-size: 15px;
color: #333333;
}
.aqfw {
width: 100%;
overflow: hidden;
background-image: url(../img/cpgn.jpg);
background-size: 100% 100%;
}
.aqfw-h3 {
width: 100%;
overflow: hidden;
padding: 40px 0;
text-align: center;
font-size: 28px;
}
.aqfw-li {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 0 30px;
}
.aqfw-li li {
width: 50%;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
background: #504e4e;
font-size: 21px;
color: #fff;
position: relative;
transition: .6s;
-ms-transition: .6s;
-moz-transition: .6s;
-webkit-transition: .6s;
-o-transition: .6s;
}
.aqfw-li li.active {
background: #3e9113;
}
.aqfw-li li.active:after {
content: "";
background-image: url(../img/lj.png);
position: absolute;
bottom: -10px;
width: 24px;
height: 10px;
}
.aqfw-aq {
width: 100%;
overflow: hidden;
padding: 30px 0 80px;
display: none;
}
.aqfw-aq.active {
display: block;
}
.aqfw-active {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.aqfw-left {
width: 30%;
}
.aqfw-right {
width: 70%;
box-sizing: border-box;
padding: 40px 0 0;
line-height: 2;
font-size: 16px;
color: #333333;
}
.ywlx {
width: 100%;
overflow: hidden;
}
.ywlx-list {
width: 100%;
overflow: hidden;
border: 1px solid #ebebeb;
margin: 80px 0;
}
.ywlx-p {
width: 100%;
height: 55px;
background: #d6e3d5;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.ywlx-p p {
width: 35%;
text-align: center;
font-size: 21px;
color: #6c896a;
}
.ywlx-li {
width: 100%;
overflow: hidden;
}
.ywlx-li li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
.ywlx-li li p {
width: 35%;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.5;
color: #333333;
border-right: 1px solid #ebebeb;
}
.ywlx-li li p:last-child {
border:0;
}
.gsjj {
width: 100%;
overflow: hidden;
}
.gsjj-list {
width: 100%;
overflow: hidden;
padding: 60px 0 180px;
display: flex;
justify-content: space-between;
}
.gsjj-left {
width: 60%;
}
.gsjj-h3 {
width: fit-content;
font-size: 28px;
font-weight: 600;
padding: 0 0 15px;
position: relative;
color: #333333;
}
.gsjj-h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width:40px;
height: 2px;
background: #0e66bf;
}
.gsjj-p {
width: 100%;
overflow: hidden;
padding: 20px 0 0;
line-height: 2;
}
.gsjj-p p {
color: #666666;
font-size: 16px;
}
.gsjj-li {
width: 100%;
overflow: hidden;
line-height: 2;
}
.gsjj-li li {
color: #666666;
font-size: 16px;
box-sizing: border-box;
padding: 0 0 0 20px;
position: relative;
}
.gsjj-li li:after {
content: "●";
position: absolute;
left: 0;
bottom: 2px;
}
.gsjj-right {
width: 35%;
overflow: hidden;
}
.gsjj-right img {
width: 100%;
display: flex;
transition: all 0.4s;
}
.gsjj-right img:hover {
transform: scale(1.2);
}
.hzhb {
width: 100%;
overflow: hidden;
}
.hzhb-list {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 60px 0;
}
.hzhb-list li {
-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%);
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%);
float: left;
padding: 0 0px;
margin-bottom: 40px;
width: 245px;
height: 125px;
border: 1px solid #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.hzhb-list li:hover {
-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
}
.hzhb-list li img {
width: 100%;
}
.jrwm {
width: 100%;
overflow: hidden;
}
.jrwm-list {
width: 100%;
padding: 60px 0;
}
.jrwm-input {
width: 60%;
height: 40px;
overflow: hidden;
border: 2px solid #49914d;
display: flex;
align-items: center;
justify-content: space-between;
}
.jrwm-input input {
width: 85%;
height: 100%;
display: flex;
align-items: center;
font-size: 16px;
border: 0;
outline: none;
}
.jrwm-input-a {
width: 15%;
height: 100%;
background: #49914d;
}
.jrwm-input-a a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
color: #fff;
}
.jrwm-input-a a img {
padding: 0 5px 0 0px;
}
.zhiye {
width: 100%;
/* padding: 50px 0 0; */
}
.zhiye-list {
width: 100%;
height: 50px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
background: #f7f9fc;
}
.zhiye-list li {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 200px 0 30px;
font-size: 16px;
color: #333333;
}
.zhiye-li-st {
width: 100%;
}
.zhiye-li {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.zhiye-li li {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 200px 0 10px;
font-size: 16px;
color: #333333;
position: relative;
}
.zhiye-li .zhiwei {
width:360px;
}
.zhiye-li li:nth-child(2) {
position: relative;
right: 22px;
}
.zhiye-li li:last-child:after {
content: "";
background-image: url(../img/xlan.png);
width: 22px;
height: 15px;
position: absolute;
right: 58%;
}
.zhiye-gw {
width: 100%;
border: 1px solid #dddddd;
margin: 10px 0 30px;
box-sizing: border-box;
padding: 50px 40px 80px;
border-radius: 8px;
position: relative;
display: none;
background:#f7f9fc;
}
.zhiye-gw:after {
content: "";
background-image: url(../img/sj.png);
width: 13px;
height: 9px;
position: absolute;
left: 56px;
top: -9px;
}
.zhiye-gw::before {
content: "";
position: absolute;
width: 12px;
height: 2px;
left: 57px;
top: -1px;
background: #fff;
z-index: 9999999999;
}
.zhiye-gw-1 {
width: 100%;
display: flex;
justify-content: space-between;
}
.zhiye-gw-1 li {
width: 50%;
}
.zhiye-gw-1 li h3 {
font-size: 18px;
color: #000;
font-weight: 400;
padding: 0 0 25px;
}
.zhiye-gw-1 li p {
line-height: 2;
font-size: 16px;
color: #333333;
}
.lxwm {
width: 100%;
overflow: hidden;
}
.lxwm-list {
width: 100%;
overflow: hidden;
padding: 60px 0;
}
.lxwm-h3 {
width: 100%;
overflow: hidden;
font-size: 26px;
color: #333333;
padding: 0 0 20px;
}
.lxwm-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.lxwm-li li {
width: 50%;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
display: flex;
align-items: center;
padding: 20px 0;
}
.lxwm-right {
box-sizing: border-box;
padding: 0 20px;
}
.lxwm-right h3 {
width: 110%;
font-size: 18px;
font-weight: 400;
}
.lxwm-right p {
font-size: 16px;
color: #666666;
line-height: 2;
}
.lxwm-dt {
width: 100%;
overflow: hidden;
padding: 0 0 60px;
}
.lxwm-dt img {
width: 100%;
display: flex;
border-radius: 10px;
}
.lxwm-fjjg {
width: 100%;
overflow: hidden;
background-image: url(../img/fzjg.jpg);
background-size: 100% 100%;
}
.lxwm-fjjg-h3 {
width: 100%;
overflow: hidden;
padding: 60px 0 20px;
border-bottom: 2px solid #ffffff;
font-size: 24px;
color: #000;
}
.lxwm-fjjg-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 0 80px;
}
.lxwm-fjjg-li li {
width: 32.3%;
background: #fff;
margin: 0 0 30px;
box-sizing: border-box;
padding: 30px 30px 90px 30px;
}
.lxwm-fjjg-li li h3 {
font-size: 22px;
font-weight: 400;
border-bottom: 1px solid #49914d;
padding: 0px 0 15px;
}
.lxwm-fjjg-li li p {
width: 100%;
overflow: hidden;
position: relative;
top: 25px;
line-height: 1.8;
font-size: 16px;
color: #666666;
}
.lxwm-fjjg-li li:hover {
background: #49914d;
}
.lxwm-fjjg-li li:hover h3 {
border-bottom: 1px solid #fff;
color: #fff
}
.lxwm-fjjg-li li:hover p {
color: #fff
}
.hyxq {
width: 100%;
overflow: hidden;
}
.hyxq-h3 {
width: 100%;
overflow: hidden;
padding: 60px 0 0;
text-align: center;
font-size: 28px;
color: #000;
}
.hyxq-jj {
width: 100%;
overflow: hidden;
padding: 60px 0 80px;
}
.hyxq-jj-1 {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: #0e66bf;
}
.hyxq-jj-1 img {
padding: 3px 15px 0 0;
}
.hyxq-wz {
width: 100%;
overflow: hidden;
padding: 40px 0 0;
line-height: 2;
font-size: 16px;
color: #333333;
}
.jjfa-qw {
width: 100%;
overflow: hidden;
background-image: url(../img/jjfa-img.jpg);
background-size: 100% 100%;
}
.jjfa-qw-list {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
padding: 40px 0 0;
}
.jjfa-left {
width: 49%;
}
.jjfa-left p {
line-height: 2;
font-size: 16px;
color: #666666;
}
.jjfa-right {
overflow: hidden;
}
.jjfa-right img {
width: 100%;
display: flex;
transition: all 0.4s;
}
.jjfa-right img:hover {
transform: scale(1.2);
}
.rhgm {
width: 100%;
overflow: hidden;
}
.cgfstj {
width: 100%;
text-align: center;
padding: 60px 0;
font-size: 26px;
color: #333333;
}
.cgfs-list {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.cgfs-list div {
width: 30%;
text-align: center;
}
.cgfs-left {
position:relative;
}
.cgfs-left:after {
content: "";
position: absolute;
top: 30px;
right: 0;
width: 1px;
height: 110px;
background: #dddddd;
}
.cgfs-left img {
max-width: 180px;
}
.cgfs-left p {
font-size: 16px;
color: #333333;
padding: 10px 0 0;
}
.cgfs-right img {
max-width: 250px;
}
.rhgm-list {
width: 100%;
overflow: hidden;
background: #f6f6f6;
margin: 60px 0;
}
.rhgm-h3 {
width: 100%;
overflow: hidden;
text-align: center;
padding: 60px 0;
line-height: 2;
}
.rhgm-h3 h3 {
font-size: 26px;
color: #000;
font-weight: 400;
}
.rhgm-h3 p {
font-size: 16px;
color: #666666;
}
.rhgm-syk {
width: 70%;
margin: 0 auto;
}
.rhgm-syk li {
width: 100%;
overflow: hidden;
margin: 0 0 35px;
display: flex;
align-items: center;
justify-content: space-between;
}
.rhgm-li-p {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
}
.rhgm-li-p p {
width: 10%;
font-size: 16px;
color: #333333;
}
.rhgm-li-p input {
width: 90%;
height: 35px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.rhgm-li-p1 {
width: 44%;
display: flex;
align-items: center;
}
.rhgm-li-p1 p {
width: 23%;
}
.rhgm-li-p1 input {
width: 77%;
height: 35px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.rhgm-yzm {
display: flex;
align-items: center;
margin: 0 0px 0 30px;
}
.rhgm-yzm input {
height: 35px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
font-size: 16px;
box-sizing: border-box;
padding: 0 0 0 10px;
}
.rhgm-yzm a {
margin: 0 0 0 20px;
font-size: 16px;
color: #333333;
}
.rhgm-li-p textarea {
width: 90%;
height: 150px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.rhgm-ljtj {
width: 100%;
overflow: hidden;
padding: 10px 0 80px;
display: flex;
justify-content: center;
}
.rhgm-ljtj a {
width: 300px;
height: 40px;
background: #49914d;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #fff;
}
.ssqy {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
.ssqy-left {
width: 10%;
font-size: 16px;
color: #333333;
}
.ssqy-right {
width: 90%;
display: flex;
align-items: center;
}
.ssqy-li {
width: 8%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 25px 0 0;
}
.ssqy-li.active .ssqy-li-left {
background-image: url(../img/hdh.png);
background-size: 100% 100%;
}
.ssqy-li-left {
width: 20px;
height: 20px;
border: 1px solid #dddddd;
border-radius: 2px;
}
.ssqy-li-right {
font-size: 16px;
color: #000;
position: relative;
bottom: 2px;
}
.kjlx1 {
width: 33%;
display: flex;
align-items: center;
}
.kjlx1 p {
width: 30%;
font-size: 16px;
color: #333333;
}
.kjlx1 input {
width: 65%;
height: 35px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.kjlx2 {
width: 33%;
display: flex;
align-items: center;
}
.kjlx2 p {
width: 25%;
font-size: 16px;
color: #333333;
}
.kjlx2 input {
width: 70%;
height: 35px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.kjlx3 {
width: 30%;
display: flex;
align-items: center;
}
.kjlx3 input {
width: 65%;
height: 35px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
font-size: 16px;
box-sizing: border-box;
padding: 0 0px 0 15px;
}
.kjlx3 a {
width: 35%;
font-size: 16px;
color: #333333;
margin: 0 0 0 15px;
}
.hfdh {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.hfdh-li {
width: 33%;
display: flex;
align-items: center;
margin: 0 0 40px;
}
.hfdh .hfdh-li.active .hfdh-g {
background-image: url(../img/hdh.png);
background-size: 100% 100%;
}
.hfdh-g {
width: 20px;
height: 20px;
border: 1px solid #dddddd;
border-radius: 2px;
}
.hfdh-w {
font-size: 16px;
color: #333333;
margin: 0 0 0 15px;
position: relative;
bottom: 1px;
}
.ssqy-li-right1 {
font-size: 16px;
color: #000;
position: relative;
bottom: 1px;
right: 8px;
}
.schz {
width: 100%;
overflow: hidden;
}
.schz-list {
width: 100%;
overflow: hidden;
padding:60px 0;
box-sizing: border-box;
}
.schz-list img {
width: 100%;
display: flex;
}
.schz-img {
width: 100%;
overflow: hidden;
background-image: url(../img/schz-img.jpg);
background-size: 100% 100%;
}
.schz-img-list {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
padding: 120px 0 80px;
}
.schz-left {
width: 50%;
}
.schz-left p {
line-height: 2;
font-size: 16px;
color: #666666;
}
.schz-right {
width: 45%;
overflow: hidden;
}
.schz-right img {
width: 100%;
display: flex;
transition: all 0.4s;
}
.schz-right img:hover {
transform: scale(1.2);
}
.quyu {
width: 100%;
overflow: hidden;
}
.quyu-list {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0 80px;
}
.quyu-list li {
width: 20%;
text-align: center;
box-sizing: border-box;
padding: 20px;
}
.quyu-list li:hover {
background: #0e66bf;
}
.quyu-list li:hover h3 {
color: #fff;
}
.quyu-list li:hover p {
color: #fff;
}
.quyu-list li:hover .qu-xs {
display: none;
}
.quyu-list li:hover .qu-hover {
display: block;
margin: 0 auto;
}
.qu-hover {
display: none;
}
.quyu-list li h3 {
font-size: 18px;
color: #000;
padding: 10px 0;
}
.quyu-list li p {
font-size: 16px;
color: #666666;
}
.news {
width: 100%;
overflow: hidden;
}
.news-list {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 80px 0 0;
}
.news-list li {
width: 32%;
margin: 0px 0 40px;
}
.news-list:after {
content:"";
width:32%;
}
.news-img {
width: 100%;
display: flex;
overflow: hidden;
}
.news-img img {
width: 100%;
transition: all 0.4s;
}
.news-img img:hover {
transform: scale(1.2);
}
.news-1 {
width: 100%;
overflow: hidden;
background: #f8f8f8;
box-sizing: border-box;
padding: 25px;
}
.news-list li:hover .news-1 {
background: #0e66bf;
}
.news-list li:hover .news-h3 {
color: #fff;
}
.news-list li:hover .news-sj {
color: #fff;
}
.news-list li:hover .news-lj {
color: #fff;
}
.news-list li:hover .l-b {
display: none;
}
.news-list li:hover .b-l {
display: block;
}
.news-list li .b-l {
display: none;
}
.news-h3 {
font-size: 18px;
color: #333333;
font-weight: 600;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-sj {
display: flex;
align-items: center;
padding: 30px 0 20px;
color: #666666;
}
.news-sj img {
position: relative;
top: 1px;
padding: 0 5px 0 0;
}
.news-lj {
display: flex;
align-items: center;
font-size: 16px;
color: #666666;
}
.news-lj img {
position: relative;
top: 1px;
padding: 0 0 0 5px;
}
.ggfy {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 0 60px;
}
.ggfy li {
margin: 0 5px;
}
.ggfy li a {
font-size: 18px;
color: #666666;
}
.ggfy li.active a {
color: #49914d;
}
.ggfy li:hover a {
color: #49914d;
}
.ggfy li{
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #dddddd;
}
.xwdy {
width: 100%;
overflow: hidden;
}
.xwdy-h3 {
width: 100%;
padding: 60px 0 0;
text-align: center;
}
.xwdy-h3 h2 {
font-size: 28px;
color: #333333;
}
.xwdy-h3 p {
font-size: 16px;
padding: 30px 0;
color: #666666;
}
.xb {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0 10px;
position: relative;
}
.xb li {
margin: 0 15px;
}
/*.xb:after {
content: "";
background-image:url(../img/hx.jpg);
background-size: 550px;
width: 100%;
height: 15px;
position: absolute;
left: 58%;
background-repeat-x: no-repeat;
}
.xb:before {
content: "";
background-image: url(../img/hx.jpg);
background-size: 550px;
width: 100%;
height: 15px;
position: absolute;
left: 3%;
background-repeat-x: no-repeat;
}*/
.zghy {
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 15px 60px;
}
.zghy-p {
width: 100%;
overflow: hidden;
}
.zghy-p p {
width: 100%;
overflow: hidden;
padding: 10px 0;
line-height: 2;
font-size: 16px;
color: #666666;
}
.zghy-img {
width: 100%;
overflow: hidden;
padding: 20px 0 0;
}
.zghy-img img {
margin: 20px auto;
display: flex;
}
.zghy-sxy {
width: 100%;
overflow: hidden;
padding: 10px 0 60px;
display: flex;
justify-content: space-between;
}
.zghy-sxy a {
font-size: 16px;
color: #666666;
width:14%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.zghy-sxy a:hover {
font-size: 16px;
color: #0e66bf;
}
.zzry {
width: 100%;
overflow: hidden;
}
.zzry-list {
width: 100%;
padding: 60px 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.zzry-list li {
width: 23%;
margin: 0 0 30px 0;
}
.zzry-list li:hover {
-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
}
.zzry-list-li {
width: 100%;
overflow: hidden;
display: flex;
border: 1px solid #dddddd;
}
.zzry-list-li img {
width: 100%;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.zzry-list-li img:hover {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.zzry-list-p {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
padding: 20px 0;
color: #333333;
}
.hzhb-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
padding: 60px 0 0;
}
.hzhb-li li {
width: auto;
}
.hzhb-li li a {
padding: 0 55px;
color: #333;
font-size: 15px;
line-height: 46px;
text-align: center;
display: block;
border-radius: 3px;
margin: 0 10px;
border: 1px solid #efefef;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.hzhb-li li:hover a {
color: #fff;
background-color: #0e66bf;
}
.hzhb-li li.active a {
color: #fff;
background-color: #0e66bf;
}
.aqcp {
width: 100%;
overflow: hidden;
}
.aqcp-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.aqcp-img {
width: 100%;
height: 120px;
position: relative;
display: flex;
justify-content: center;
}
.aqcp-li li .aqcp-img img {
display: none;
width: 120px;
height: 120px;
}
.aqcp-li li .aqcp-img .chan-index {
display:block;
}
.aqcp-li li .aqcp-img .chan-active {
display:none;
}
.aqcp-li li.active .aqcp-img .chan-active {
display:block;
}
.aqcp-li li.active .aqcp-img .chan-index {
display:none;
}
.aqcp-li li:hover .aqcp-img .chan-active {
display:block;
}
.aqcp-li li:hover .aqcp-img .chan-index {
display:none;
}
.aqcp-li li h3 {
font-size: 18px;
color: #666666;
font-weight: 500;
padding: 5px 0 25px;
position:relative;
}
.aqcp-li li.active h3 {
color: #0e66bf;
}
.aqcp-li li.active h3:after {
content:"";
position: absolute;
left:0;
bottom:0;
background:#0e66bf;
width:100%;
height:5px;
-webkit-transition: 300ms;
-o-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.aqcp-li li h3:after {
content:"";
width:0;
}
.aqcp-li li:hover h3:after {
content:"";
width:100%;
}
.aqcp-active {
background-color: #f9fafb;
}
.aqcp-nr {
width: 100%;
padding: 60px 0;
display:none;
}
.aqcp-nr.active {
display:block;
}
.aqcp-wz {
width: 100%;
overflow: hidden;
}
.aqcp-wz h3 {
font-size: 24px;
font-weight: 400;
color: #000;
}
.aqcp-wz p {
color: #666;
font-size: 16px;
padding: 15px 0;
}
.aqcp-a {
width: 100%;
}
.aqcp-a a {
display: block;
width: 130px;
height: 40px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 40px;
text-align: center;
background: #0e66bf;
transition: 0.3s;
margin: 10px 0;
}
.aqcp-a a:hover {
background: #339d2a;
}
.aqcp-b {
width: 100%;
padding: 30px 0;
display: flex;
flex-wrap: wrap;
}
.aqcp-b li {
width: 33%;
height: 100px;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 10px;
transition: 0.3s;
}
.aqcp-b li:hover {
background: #fff;
border-color: #dfe1e6;
border-radius: 2px;
box-shadow: 0 0 10px 0 rgb(19 27 33 / 10%);
}
.aqcp-b-left img {
max-width: 40px;
}
.aqcp-b-right {
margin: 0 0 0px 10px;
line-height: 1.5;
}
.aqcp-b-right h3 {
font-weight: 400;
color: #000;
font-size: 18px;
}
.aqcp-b-right p {
font-size: 15px;
color: #666666;
}
.hzrx {
width: 100%;
overflow: hidden;
}
.hzrx-list {
width: 100%;
overflow: hidden;
margin: 60px 0;
background: #f7f9fc;
box-sizing: border-box;
padding: 40px;
display: flex;
align-items: center;
justify-content: space-between;
position:relative;
}
.hzrx-left {
width: 40%;
}
.hzrx-left img {
width: 100%;
display: flex;
}
.hzrx-right {
width: 50%;
}
.hzrx-right1 p {
font-size: 18px;
line-height: 2;
color: #333333;
}
.hzrx-right1 h3 {
font-size: 26px;
color: #0e66bf;
padding: 20px 0 0;
}
.wsf {
position: absolute;
}
.wsf img {
width: 100%;
}
.do-yhxz {
width: 100%;
padding: 38px 0 180px;
}
.do-yhxz-list {
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.do-yhxz-list li {
width: 48.5%;
border: 1px solid #D9D9D9;
height: 140px;
margin: 0 0 30px;
position: relative;
}
.do-yhxz-list li::before {
content: "";
position: absolute;
left: -1px;
top: -1px;
width: 170px;
height: 4px;
background: #0e66bf;
}
.do-yhxz-li {
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 25px;
z-index: 9999999999999999;
position: relative;
}
.do-yhxz-left {
width: 15%;
}
.do-yhxz-right {
width: 85%;
}
.do-yhxz-h3 {
font-size: 18px;
color: #333333;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.do-yhxz-h3:hover {
color: #0e66bf;
}
.do-yhxz-wz {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 0;
}
.do-yhxz-wz p {
font-size: 14px;
color: #666666;
}
.do-yhxz-list li:hover .do-yhxz-li1 {
opacity: 1;
}
.do-yhxz-list li .do-yhxz-li1 {
transition: all 0.3s;
opacity: 0;
position: absolute;
z-index: 8;
left: -45px;
top: -10px;
width: calc(100% + 90px);
height: 160px;
background: #fff;
border: 1px solid #D9D9D9;
box-shadow: 0 0 15px 10px #d9d9d9;
}
.do-yhxz-list li .do-yhxz-li1::before {
content: "";
position: absolute;
left: 45px;
top: -1px;
width: 170px;
height: 4px;
background: #0e66bf;
}
.do-yhxz-fl {
width: 90%;
margin: 38px auto;
position: relative;
bottom: 18px;
font-size: 22px;
color: #333333;
box-sizing: border-box;
padding: 0 20px;
}
.do-yhxz-fl:after {
content: "";
position: absolute;
left: 0;
background: #0e66bf;
width: 3px;
height: 25px;
top: 3px;
}
@media screen and (max-width: 1600px) {
.w1400 {
width:80%;
margin:0 auto;
}
.swiper-button-prev.swiper-cpzx-prev {
left: 7%;
}
.swiper-button-next.swiper-cpzx-next {
right: 7%;
}
.quyu-list li p {
height: 100px;
}
.xb:before {
background-image: none;
}
.xb:after {
background-image: none;
}
.syhfkj {
bottom: 40px;
}
}
@media screen and (max-width: 1440px) {
.zhiye-list li {
padding: 0 190px 0 30px;
}
.ssqy-li-right1 {
font-size: 16px;
color: #000;
position: relative;
bottom: 1px;
right: -5px;
}
.rhgm-syk {
width: 85%;
margin: 0 auto;
}
}
@media screen and (max-width: 1440px) {
.zhiye-list li {
padding: 0 140px 0 30px;
}
.zhiye-li li {
padding: 0 140px 0 10px;
}
.zhiye-li li:last-child:after {
right: 50%;
}
.quyu-list li h3 {
font-size: 16px;
}
.quyu-list li p {
height: 100px;
font-size:14px;
}
}
@media screen and (max-width: 1300px) {
.header-right-left ul .nav-main {
margin: 0 0 0 40px;
height: 100%;
}
}
@media screen and (max-width: 1220px) {
.hzhb-li {
width: 100%;
overflow: inherit;
display: flex;
justify-content: space-between;
padding: 60px 0 0;
}
.hzhb-li li {
width: 15%;
}
.hzhb-li li a {
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 1200px) {
.zhiye-list li {
padding: 0 140px 0 30px;
}
.zhiye-li li {
padding: 0 145px 0 10px;
}
.header-right-left ul .nav-main h3 {
font-size: 14px;
}
.header-right-left ul .nav-main {
margin: 0 0 0 30px;
height: 100%;
}
.cpfw-li {
padding: 10px 0 0px;
}
.cpfw-li li {
width: 30%;
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 30px 0 0px;
position: relative;
-webkit-transition: .3s;
transition: .3s;
}
.cpfw-right p {
width: 100%;
overflow: hidden;
line-height: 1.8;
font-size: 15px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.lxwm-right h3 {
width: 110%;
font-size: 16px;
font-weight: 400;
}
.quyu-list li {
padding: 10px;
}
.quyu-list li p {
font-size: 13px;
}
}
@media screen and (max-width: 1000px) {
.w1400 {
width:90%;
margin:0 auto;
}
.header {
display: none;
}
body {
padding-top: 0!important;
}
/* wap 头部 */
.logo_1 {
display: block;
width: 34%;
}
.logo_1 img {
width: 120px;
}
.wsc-logo img {
width: 120px;
}
.wap_header {
display: block;
position: relative;
bottom: 2px;
}
.wap_show {
display: block;
position: relative;
bottom: 2px;
}
.logo_wap {
display: block;
width: 100%;
}
.logo-wap-ds {
width: 100%;
padding: 8px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.wap_header_btn {
width: 25px;
height: 25px;
background: url(../img/daoh.png) no-repeat center;
background-size: 25px 25px;
display: block;
}
.wap_header_btn.wap_header_btn2{
background: url(../img/close-icon.png) no-repeat center;
background-size: 25px 25px;
}
.wap_headlist{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: -100%;
background-color: #fff;
z-index: 999999999;
transition: all .36s ease;
overflow-y: scroll;
}
.wap_headlist.active{
left: 0;
}
.wap_headlist_top{
width: 100%;
border-bottom: 1px solid #eaeaea;
}
.wap_headlist_top_cont{
width: 100%;
padding: 8px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.wsc-logo {
width: 34%;
}
.wap_headlist_cont{
width: 100%;
}
.wap_headlist_cont_uls{
width: 100%;
}
.wap_headlist_cont_uls li{
border-bottom: 1px solid #eaeaea;
}
.wap_headlist_cont_uls_a1 {
display: block;
color: #555;
font-size: 20px;
line-height: 55px;
padding: 0 20px;
}
.wap_a1 {
background: url(../img/wap_down.png) no-repeat right center;
background-size: 18px auto;
background-position-x: 95%;
transition: all 0.4s;
/*padding: 0 5%;*/
box-sizing: border-box;
}
.wap_a1 .active {
background: url(/Public/Uploads/weblogo/wap_up.png) no-repeat right center;
background-size: 18px auto;
background-position-x: 95%;
}
.wap_headlist_cont_uls_a1 span {
float: right;
position: relative;
right: 5%;
font-size: 30px;
}
.dropdown_menu {
display: none;
background: #e4e4e4;
}
.dropdown_menu a {
display: block;
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #f5f5f5;
font-size: 18px;
padding: 0 20px;
color: #333333;
}
.dropdown_menu-1-li {
width: 100%;
}
.hzhb-li li a {
padding: 0 30px;
}
.quyu-list li h3 {
font-size: 16px;
}
.dropdown_menu-1-li-a a {
background: #fff;
font-size: 16px;
}
img.wap-img-1 {
margin: 0 5px -2px 0;
}
.dropdown_menu-1-li-a a img {
padding: 0 10px 0px 0px;
position: relative;
top: 3px;
}
.dropdown_menu .dropdown_menu-1-li h3 {
display: block;
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #f5f5f5;
font-size: 18px;
padding: 0 20px;
color: #333333;
font-weight: 400;
background-image: url(../img/ejjh.png);
background-repeat: no-repeat;
background-position-y: center;
background-position-x: 95%;
background-size: 15px;
}
/* wap 头部 END */
.swiper-wz {
display: none;
}
.syhfkj {
width: 100%;
overflow: hidden;
padding: 20px 0 0;
bottom: 0;
}
.syhfkj-list {
width: 90%;
margin: 0 auto;
background: #fff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.syhfkj-list a:before {
display: none;
}
.cpzx-list {
padding: 30px 0!important;
}
.cpzx-list h3 {
font-size: 21px;
}
.cp-zx-top {
flex-wrap: wrap;
}
.cp-zx-top li:nth-child(1) {
width: 100%;
position: relative;
}
.cp-zx-top li:nth-child(2) {
width: 100%;
position: relative;
margin: 15px 0 0;
}
.cp-zx-bottom {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 15px 0;
}
.cp-zx-bottom li {
width: 100%;
position: relative;
overflow: hidden;
margin: 0 0 15px;
}
.cp-zx-wz1 h3 {
font-size: 18px;
}
.cp-zx {
padding: 0;
}
.zcs-img {
height: 350px;
}
.zcs-img img {
height: 100%;
}
.zcs-list {
flex-wrap: wrap;
}
.zcs-list li {
width: 49.7333333333333333333%;
height: 175px;
}
.zcs-list li:nth-child(1) {
border-bottom: 1px solid #fff;
}
.zcs-list li:nth-child(2) {
border-bottom: 1px solid #fff;
}
.zcs-li img {
max-width: 50px;
}
.zcs-li h3 {
font-size: 21px;
color: #fff;
padding: 5px 0 5px;
position: relative;
}
.zcs-li h3:after {
content: '+';
font-size: 24px;
font-weight: 400;
margin: 0 0 0 5px;
}
.zcs-li p {
width: 80%;
margin: 0 auto;
font-size: 16px;
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.zcs-btbt {
display: none;
}
.zcs-btbt p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.zcs-list li:hover .zcs-li p {
padding: 0;
}
.pc-zcs {
display: none;
}
.wap-zcs {
display: block;
}
.anli-img li {
height: 250px;
}
.anli-wz {
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: 45px;
}
.anli-wz h3 {
font-size: 18px;
color: #fff;
font-weight: 400;
letter-spacing: 1px;
}
.anli-wz p {
padding: 15px 0 0 0;
font-size: 14px;
color: #fff;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.gdal {
width: 100%;
overflow: hidden;
padding: 20px 0 50px;
text-align: center;
}
.xwzx {
flex-wrap: wrap;
padding: 0 0 10px;
}
.xwzx li {
width: 100%;
margin: 0 0 20px;
}
.bottom {
display: none;
}
.wap-bottom {
display: block;
width: 100%;
height: auto;
align-items: center;
background: #e6e6e6;
text-align: center;
line-height: 1.8;
color: #666666;
font-size: 14px;
padding: 15px 0;
}
.cpdy-dh-li {
width: 100%;
height: 40px;
overflow: hidden;
display: flex;
align-items: center;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.cpdy-dh-li li {
margin: 0 15px 0 0!important;
}
.cpdy-dh-li li a {
font-size: 14px;
color: #333333;
}
.rhgm-list {
width: 100%;
overflow: hidden;
background: #f6f6f6;
margin: 20px 0;
box-sizing: border-box;
padding: 10px;
}
.rhgm-h3 {
width: 100%;
overflow: hidden;
text-align: center;
padding: 15px 0;
line-height: 2;
}
.rhgm-h3 h3 {
font-size: 18px;
color: #000;
font-weight: 400;
}
.rhgm-h3 p {
font-size: 14px;
color: #666666;
}
.rhgm-syk {
width: 100%;
margin: 0 auto;
}
.rhgm-syk li {
width: 100%;
overflow: inherit;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.rhgm-li-p {
width: 100%;
overflow: inherit;
display: block;
align-items: center;
}
.rhgm-li-p p {
width: 100%;
font-size: 16px;
color: #333333;
padding: 0 0 10px;
}
.rhgm-li-p input {
width: 100%;
height: 30px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.ssqy {
width: 100%;
overflow: hidden;
display: block;
justify-content: space-between;
align-items: center;
}
.ssqy-left {
width: 100%;
font-size: 16px;
color: #333333;
padding: 0 0 10px;
}
.ssqy-right {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.ssqy-right:after {
content: "";
width: 25%;
}
.ssqy-li {
width: 25%;
display: flex;
align-items: center;
justify-content: initial;
margin: 0 0 8px;
}
.ssqy-li-right {
font-size: 16px;
color: #000;
position: relative;
bottom: 2px;
margin: 0 0px 0 10px;
}
.hfdh-li {
width: 100%;
display: flex;
align-items: center;
margin: 0 0 15px;
}
.rhgm-syk li {
width: 100%!important;
overflow: inherit;
margin: 0 0 20px;
display: inherit;
margin-top: 0!important;
}
.kjlx1 {
width: 100%;
display: inherit;
align-items: center;
margin: 0 0 15px;
}
.kjlx1 p {
width: 100%!important;
font-size: 16px;
color: #333333;
padding: 0 0 10px;
}
.kjlx1 input {
width: 100%;
height: 30px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.kjlx2 {
width: 100%;
display: inherit;
align-items: center;
margin: 0 0 15px;
}
.kjlx2 p {
width: 100%!important;
font-size: 16px;
color: #333333;
padding: 0 0 10px;
}
.kjlx2 input {
width: 100%;
height: 30px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.kjlx3 {
width: 100%;
display: inherit;
align-items: center;
}
.kjlx3 input {
width: 60%;
height: 30px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
font-size: 14px;
box-sizing: border-box;
padding: 0 0px 0 15px;
}
.kjlx3 a {
width: 40%;
font-size: 16px;
color: #333333;
margin: 0 0 0 15px;
}
.rhgm-ljtj {
width: 100%;
overflow: hidden;
padding: 5px 0 10px;
display: flex;
justify-content: center;
}
.rhgm-ljtj a {
width: 100%;
height: 35px;
background: #49914d;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #fff;
}
.cpdy-list {
width: 100%;
height: 40px;
overflow: hidden;
display: flex;
align-items: center;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.cpdy-list li {
font-size: 14px;
color: #666666;
margin: 0 10px 0 0px;
}
.cpxt-list {
flex-wrap: wrap;
}
.cpxt-left {
width: 100%;
}
.cpxt-right {
width: 100%;
}
.cpxt-right h3 {
font-size: 21px;
font-weight: 400;
color: #000;
text-align: center;
}
.cpxt-li {
margin: 20px 0 0;
}
.cpgs-h3 {
padding: 0 0 30px;
font-size: 24px;
}
.cpgn-h3 {
width: 100%;
overflow: hidden;
padding: 30px 0;
font-size: 24px;
text-align: center;
color: #333333;
}
.cpgn-li li {
width: 100%;
border-top: 1px solid #dddddd;
}
.cpgn-li-wz {
width: 100%;
overflow: hidden;
padding: 20px 0;
}
.cpgn-li-wz h3 {
font-size: 18px;
color: #000;
font-weight: 400;
}
.cpgn-li-wz p {
width: 100%;
overflow: hidden;
line-height: 1.8;
padding: 15px 0 0;
color: #666666;
}
.cpys-h3 {
width: 100%;
overflow: hidden;
padding: 20px 0;
text-align: center;
font-size: 24px;
color: #333333;
}
.cpys-bj p {
width: 100%;
font-size: 18px;
color: #fff;
font-weight: 900;
box-sizing: border-box;
padding: 0 0 0 30px;
}
.cpys-li li {
padding: 10px 0;
}
.cpys-li li h3 {
width: 30%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-weight: 400;
font-size: 16px;
border-right: 1px solid #ebebeb;
padding: 20px 0;
}
.cpys-li li p {
width: 70%;
box-sizing: border-box;
padding: 0 30px;
font-size: 16px;
color: #666666;
line-height: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.aqfw {
padding: 0!important;
}
.aqfw-h3 {
width: 100%;
overflow: hidden;
padding: 25px 0;
text-align: center;
font-size: 24px;
}
.aqfw-li li {
width: 50%;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background: #504e4e;
font-size: 14px;
color: #fff;
position: relative;
}
.aqfw-active {
display: inherit;
}
.aqfw-left {
width: 100%;
}
.aqfw-left img {
width: 100%;
}
.aqfw-right {
width: 100%;
box-sizing: border-box;
padding: 30px 0 0;
line-height: 2;
font-size: 16px;
color: #333333;
}
.ywlx-list {
width: 100%;
overflow: hidden;
border: 1px solid #ebebeb;
margin: 30px 0;
}
.ywlx-p {
height: 40px;
}
.ywlx-p p {
width: 35%;
text-align: center;
font-size: 14px;
color: #6c896a;
}
.ywlx-li li p {
width: 35%;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.5;
color: #333333;
border-right: 1px solid #ebebeb;
font-size: 12px;
box-sizing: border-box;
padding: 0 15px;
}
.cpfw {
padding: 0!important;
}
.cpfw-h3 {
width: 100%;
overflow: hidden;
padding: 30px 0;
text-align: center;
font-size: 24px;
color: #000;
}
.cpfw-li {
flex-wrap: wrap;
padding: 10px 0 30px;
}
.cpfw-li li {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0;
position: relative;
margin: 0 0 25px;
}
.cpfw-li li:after {
display: none;
}
.cpfw-left img {
width: 100%;
}
.cpfw-right h3 {
font-size: 16px;
padding: 0 0 10px;
}
.cpfw-right p {
font-size: 14px;
}
.hzhb-list {
padding: 30px 0;
}
.hzhb-list li {
width: 48%;
text-align: center;
border-bottom: 1px solid #f7f7f7;
padding: 0px 0;
margin: 0 0 10px;
height: 90px;
}
.jrwm-list {
width: 100%;
padding: 30px 0;
}
.jrwm-input {
width: 100%;
height: 35px;
overflow: hidden;
border: 2px solid #49914d;
display: flex;
align-items: center;
justify-content: space-between;
}
.jrwm-input input {
width: 65%;
}
.jrwm-input-a {
width: 35%;
height: 100%;
background: #49914d;
}
.zhiye {
width: 100%;
padding: 30px 0 0;
}
.zhiye-list {
width: 100%;
height: 50px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
background: #f4f4f4;
}
.zhiye-list li {
width: 35%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0 0px 0;
font-size: 14px;
color: #333333;
}
.zhiye-li li {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0;
font-size: 14px;
color: #333333;
position: relative;
}
.zhiye-li .zhiwei {
width:360px;
}
.zhiye-li .zhiwei {
width:120px;
}
.zhiye-li li:nth-child(3) {
position: relative;
right: 15px;
}
li.zhiye-qh {
left: -30px;
}
.zhiye-li li:last-child:after {
content: "";
background-image: url(../img/xlan.png);
width: 22px;
height: 15px;
position: absolute;
right: -30px;
top: 0;
}
.zhiye-gw {
width: 100%;
border: 1px solid #dddddd;
margin: 10px 0 30px;
box-sizing: border-box;
padding: 20px 20px 30px;
border-radius: 8px;
position: relative;
display: none;
}
.zhiye-gw-1 {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zhiye-gw-1 li {
width: 100%;
margin: 0 0 10px;
}
.zhiye-gw-1 li h3 {
font-size: 16px;
color: #000;
font-weight: 400;
padding: 0 0 10px;
}
.zhiye-gw-1 li p {
line-height: 1.5;
font-size: 14px;
color: #333333;
}
.lxwm-list {
width: 100%;
overflow: hidden;
padding: 30px 0;
}
.lxwm-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.lxwm-li li {
width: 100%;
border-top: 1px solid #dddddd;
border-bottom: 0;
display: flex;
align-items: center;
padding: 15px 0;
}
.lxwm-right h3 {
width: 100%;
font-size: 16px;
font-weight: 400;
}
.lxwm-right p {
font-size: 14px;
color: #666666;
line-height: 2;
}
.lxwm-dt {
width: 100%;
overflow: hidden;
padding: 0 0 30px;
}
.lxwm-fjjg-h3 {
width: 100%;
overflow: hidden;
padding: 30px 0 20px;
border-bottom: 2px solid #ffffff;
font-size: 21px;
color: #000;
}
.lxwm-fjjg-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 0 80px;
}
.lxwm-fjjg-li li {
width: 100%;
background: #fff;
margin: 0 0 20px;
box-sizing: border-box;
padding: 20px 20px 60px;
}
.lxwm-fjjg-li li h3 {
font-size: 18px;
font-weight: 400;
border-bottom: 1px solid #49914d;
padding: 0px 0 10px;
}
.lxwm-fjjg-li li p {
width: 100%;
overflow: hidden;
position: relative;
top: 15px;
line-height: 1.8;
font-size: 14px;
color: #666666;
}
.gsjj-list {
width: 100%;
overflow: hidden;
padding: 30px 0 60px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gsjj-left {
width: 100%;
}
.gsjj-h3 {
font-size: 24px;
}
.gsjj-p {
padding: 20px 0 0;
line-height: 1.8;
}
.gsjj-right {
width: 100%;
padding: 20px 0 0;
}
.rhgm-li-p1:nth-child(2) {
padding: 15px 0 0;
}
.rhgm-li-p1 {
width: 100%;
display: inherit;
align-items: center;
}
.rhgm-li-p1 p {
width: 100%;
padding: 0 0 15px;
}
.rhgm-li-p1 input {
width: 100%!important;
height: 30px;
}
.rhgm-yzm {
position: inherit!important;
margin: 15px 0 0;
}
.rhgm-yzm input {
width: 60%!important;
font-size: 14px;
height: 30px;
padding: 0 0px 0 15px;
box-sizing: border-box;
}
.rhgm-yzm a {
width: 40%;
margin: 0 0 0 15px;
}
.hyxq-h3 {
width: 100%;
overflow: hidden;
padding: 20px 0 0;
text-align: center;
font-size: 22px;
color: #000;
}
.hyxq-jj {
width: 100%;
overflow: hidden;
padding: 30px 0;
}
.hyxq-wz {
width: 100%;
overflow: hidden;
padding: 20px 0 0;
line-height: 2;
font-size: 16px;
color: #333333;
}
.jjfa-qw-list {
width: 100%;
overflow: hidden;
display: inherit;
justify-content: space-between;
padding: 20px 0 0;
}
.jjfa-left {
width: 100%;
}
.jjfa-right {
width: 100%;
margin: 20px 0 0;
}
.rhgm-li-p textarea {
width: 100%;
height: 100px;
border: 1px solid #e4e4e4;
background: inherit;
border-radius: 5px;
}
.xwdy-h3 {
width: 100%;
padding: 20px 0 0;
text-align: center;
}
.xwdy-h3 h2 {
font-size: 18px;
color: #333333;
}
.xwdy-h3 p {
font-size: 16px;
padding: 15px 0;
color: #666666;
}
.xb:before {
display: none;
}
.xb:after {
display: none;
}
.xb li {
margin: 0 10px;
}
.zghy {
padding: 15px 0;
}
.zghy-img {
padding: 0;
}
.zghy-img img {
width: 100%;
}
.zghy-sxy {
width: 100%;
overflow: hidden;
padding: 10px 0 60px;
display: grid;
justify-content: space-between;
}
.zghy-sxy a {
font-size: 16px;
color: #666666;
margin: 0 0 10px;
width:100%;
}
.news-list {
padding: 20px 0 0;
}
.news-list li {
width: 49%;
margin: 0px 0 20px;
}
.news-1 {
width: 100%;
overflow: hidden;
background: #f8f8f8;
box-sizing: border-box;
padding: 10px;
}
.news-h3 {
font-size: 16px;
color: #333333;
font-weight: 400;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-sj {
display: flex;
align-items: center;
padding: 10px 0 10px;
color: #666666;
font-size: 14px;
}
.news-lj {
display: flex;
align-items: center;
font-size: 14px;
color: #666666;
}
.ggfy li a {
font-size: 16px;
color: #666666;
}
.ggfy li {
margin: 0 10px;
}
.ggfy li:nth-child(1) {
width: 30px;
height: 30px;
}
.ggfy li:last-child {
width: 30px;
height: 30px;
}
.schz-list {
width: 100%;
overflow: hidden;
padding: 20px 0;
}
.schz-img-list {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
padding: 10px;
box-sizing: border-box;
flex-wrap: wrap;
}
.schz-left {
width: 100%;
padding: 15px 0;
}
.schz-right {
width: 100%;
}
.quyu-list {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0;
flex-wrap: wrap;
}
.quyu-list li {
width: 49%;
text-align: center;
margin: 0 0 20px 0;
}
.quyu-list li h3 {
font-size: 16px;
color: #000;
padding: 5px 0;
}
.quyu-list li p {
font-size: 14px;
height: 60px;
color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.banner {
display: none;
}
.wap-banner {
display: block;
width: 100%;
}
.wap-banner img {
width: 100%;
display: flex;
}
.swiper.swiper-wap-banner.swiper-container-initialized.swiper-container-horizontal.swiper-container-ios {
width: 100%;
overflow: hidden;
position: relative;
}
.swiper-wap-banner-dian span.swiper-pagination-bullet {
opacity: 1;
background: #fff;
width: 35px;
height: 5px;
border-radius: 0;
}
.swiper-wap-banner-dian span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0e66bf;
}
.wap-cpzx {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.wap-cpzx li {
width: 48%;
margin: 0 0 15px;
}
.wap-cpzx-img {
width: 100%;
}
.wap-cpzx-img img {
width: 100%;
height: 120px;
display: flex;
}
.wap-cpzx-wz {
width: 100%;
overflow: hidden;
background: #f5f5f5;
padding: 10px 15px;
box-sizing: border-box;
}
.wap-cpzx-wz p {
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.875em;
}
.wap-cpzx-wz h3 {
overflow: hidden;
color: #333;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.wap-cpzx-w {
display: block;
padding: 15px 0;
}
.cp-zx {
display: none;
}
.hzhb-li {
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
padding: 30px 0 0;
flex-wrap: wrap;
justify-content: space-between;
}
.hzhb-li li {
width: 48%;
}
.hzhb-li li a {
padding: 0;
color: #333;
font-size: 15px;
line-height: 46px;
text-align: center;
display: block;
border-radius: 3px;
margin: 0 0px 15px;
border: 1px solid #efefef;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.swiper-cpzx {
display: none;
}
.cgfstj {
width: 100%;
text-align: center;
padding: 20px 0;
font-size: 21px;
color: #333333;
}
.cgfs-list {
display: inherit;
}
.cgfs-list div {
width: 100%;
}
.cgfs-left:after {
display:none;
}
.cgfs-right img {
max-width: 80%;
padding: 30px 0 0;
}
.swiper-button-prev.swiper-anli-prev {
width: 28px;
height: 28px;
left: 10px;
border: 1px solid #0e66bf;
border-radius: 30px;
}
.swiper-button-prev.swiper-anli-prev:after {
font-size: 14px;
}
.swiper-button-next.swiper-anli-next {
width: 28px;
height: 28px;
right: 10px;
border: 1px solid #0e66bf;
border-radius: 30px;
}
.swiper-button-next.swiper-anli-next:after {
font-size: 14px;
}
.aqcp-li {
flex-wrap: wrap;
}
.aqcp-li li {
width: 50%;
text-align: center;
}
.aqcp-nr {
padding: 30px 0;
}
.aqcp-wz h3 {
font-size: 21px;
font-weight: 400;
color: #000;
}
.aqcp-b {
padding: 20px 0;
display: flex;
flex-wrap: wrap;
}
.aqcp-b li {
width: 100%;
height: 100px;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 10px;
transition: 0.3s;
}
.cpxb {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cpxb img {
display: block;
width: 47%;
height: auto;
margin: 0 0 10px 0;
}
.hzrx-list {
width: 100%;
overflow: hidden;
margin: 60px 0;
background: #f7f9fc;
box-sizing: border-box;
padding: 20px;
display: inherit;
align-items: center;
justify-content: space-between;
position: relative;
}
.hzrx-left {
width: 100%;
}
.hzrx-right {
width: 100%;
margin: 10px 0 0;
}
.hzrx-right p {
font-size: 16px;
line-height: inherit;
color: #333333;
padding: 5px 0;
}
.hzrx-right h3 {
font-size: 21px;
color: #0e66bf;
padding: 10px 0 0;
}
.wsf {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.wsf img {
width: 100%;
height: 100%;
}
.do-yhxz-list {
width: 100%;
padding: 30px 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.do-yhxz-list li {
width: 100%;
border: 1px solid #D9D9D9;
height: 100px;
margin: 0 0 20px;
position: relative;
}
.do-yhxz-li {
padding: 10px;
}
.do-yhxz-right {
width: 80%;
}
.do-yhxz-h3 {
font-size: 14px;
}
.do-yhxz-wz {
padding: 5px 0 0;
}
.do-yhxz-list li .do-yhxz-li1 {
transition: all 0.3s;
opacity: 0;
position: absolute;
z-index: 8;
left: 0;
top: 0;
width: 100%;
height: 100px;
background: #fff;
border: 1px solid #D9D9D9;
box-shadow: 0 0 15px 10px #d9d9d9;
}
.do-yhxz-list li .do-yhxz-li1::before {
content: "";
left: 0;
height: 2px;
}
.do-yhxz-list li::before {
content: "";
height: 2px;
}
.do-yhxz {
width: 100%;
padding: 60px 0;
}
.do-yhxz-fl {
width: 100%;
margin: 0px auto;
position: relative;
bottom: 15px;
font-size: 18px;
color: #333333;
box-sizing: border-box;
padding: 0 20px;
}
.do-yhxz-fl:after {
content: "";
top: 1px;
}
}